<template>
  <div class="favorate-container">
     <div class="page-nav-bar am-navbar am-navbar-dark">
      <van-nav-bar left-arrow @click-left="$router.go(-1)"
     title="收藏列表"  class="btnBgc"/>
     <div class='HouseItem_house__29lYP' v-for="item in renderData" :key="item.desc">
      <div class="HouseItem_imgWrap__3ZPoa" >
        <img class="HouseItem_img__1BaJK" :src='`http://liufusong.top:8080${item.houseImg}`' alt="">
      </div>
      <div class="HouseItem_content__1gVhj" >
        <h3 class="HouseItem_title__2dXar">好价格</h3>
        <div class="HouseItem_desc__5-mp4">{{item.desc}}</div>
        <div class="HouseItem_tag__3MxYv HouseItem_tag1__3VDnD">{{item.tags[0]}}</div>
        <div class="HouseItem_price__1_r8v">
          <span class="HouseItem_priceNum__RGpsE">{{item.price}}</span>'元/月'
        </div>
      </div>
     </div>
      
     </div>
   </div>
</template>
<script>
  import {getCollect} from '@/api/user'

export default {
  name: "Collect",
  components: {},
  props: {},
  data() {
    return {
      renderData:[]
    };
  },
  computed: {},
  watch: {},

  methods: {},
 async created(){
    const data = await getCollect()
    console.log(data);
    this.renderData = data.body
  }
};
</script>

<style scoped>
     .link {
  color: #069;
  font-size: 12px;
  padding-left: 20px;
  float: left;
  padding-top:10px ;
}
.btnBgc {
  background-color: #1cb676;
  color: #fff;
}
* {
    box-sizing: border-box;
}
body {
    background-color: #f5f5f9;
    font-size: 14px;
}
div {
    display: block;
}
.HouseItem_house__29lYP {
    height: 120px;
    position: relative;
    box-sizing: border-box;
    justify-content: space-around;
    padding-top: 18px;
    border-bottom: 1px solid #e5e5e5;
}
.HouseItem_imgWrap__3ZPoa {
    float: left;
    width: 106px;
    height: 80px;
}
.HouseItem_desc__5-mp4, .HouseItem_title__2dXar {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.HouseItem_title__2dXar {
    margin: 0;
    font-size: 15px;
    color: #394043;
}
.HouseItem_desc__5-mp4 {
    font-size: 12px;
    color: #afb2b3;
}
.HouseItem_price__1_r8v {
    font-size: 12px;
    color: #fa5741;
}
.HouseItem_priceNum__RGpsE {
    font-size: 16px;
    font-weight: bolder;
}
.HouseItem_content__1gVhj {
    overflow: hidden;
    line-height: 22px;
    padding-left: 12px;
}
.HouseItem_img__1BaJK{
  width: 106px;
  height: 80px;
}
</style>